@charset "utf-8";
/*============================ Style General ============================*/
@font-face { font-family: 'dinregular'; src: url('../fonts/ff_din_regular-webfont.eot'); src: url('../fonts/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_regular-webfont.woff') format('woff'), url('../fonts/ff_din_regular-webfont.ttf') format('truetype'), url('../fonts/ff_din_regular-webfont.svg#dinregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'dinbold'; src: url('../fonts/ff_din_bold-webfont.eot'); src: url('../fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_bold-webfont.woff') format('woff'), url('../fonts/ff_din_bold-webfont.ttf') format('truetype'), url('../fonts/ff_din_bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; }
*                                               { outline: none; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
html, body, div#wrapper                         { min-width: 100%; min-height: 100%; margin: 0px; padding: 0px; position: absolute; _width: 100%; _height: 100%; -o-height: 100%; overflow-y: hidden; }
div#wrapper                                     { background: url('../images/bg_wrapper.jpg') top center repeat-y #9DB443; overflow: hidden; }
div#wrapper-center                              { margin: 0px auto; padding: 0px; position: relative; }

.clearfix:before, .clearfix:after               { content: " "; display: table; }
.clearfix:after                                 { clear: both; }
.clearfix                                       { *zoom: 1; }  

.font-dinR                                      { font-family: dinregular; }
.font-dinB                                      { font-family: dinbold; }
.typeButtonR                                    { height: 29px; padding: 0px 20px; background: url('../images/bg_botonR.jpg'); border: none; line-height: 29px; font-size: 15.25px; color: #FFFFFF; cursor: pointer; }
.alingCenter                                    { text-align: center; }
.alingRight                                     { text-align: right; }

/*============================ Pagina Juego ============================*/
div#wrapper div.page_game                       { min-width: 710px !important; }
/*============================ Pagina Juego - Head ============================*/
div.page_game div#head_page                     { width: 100%; height: 50px; border-bottom: 5px solid #FFFFFF; position: relative; z-index: 10000; }
ul#menu_canvasgame                              { width: 710px; margin: 25px auto 0px; padding: 0px; list-style: none; }
ul#menu_canvasgame li                           { margin: 0px 7px; float: left; }
ul#menu_canvasgame li.liston                    { width: 204px; height: 43px; background: url('../images/bg_datosListon.png'); text-align: center; line-height: 29px; color: #FFFFFF; font-size: 13px; }
ul#menu_canvasgame li.datos                     { height: 40px; padding: 0px 10px 0px 34px; background: #000000; line-height: 38px; color: #FFFFFF; font-size: 16px; }

ul#menu_canvasgame li#icon_home                 { width: 44px; height: 43px; background: url('../images/salida.png') center center; cursor: pointer; }
ul#menu_canvasgame li#icon_time                 { background: url('../images/icon_time.png') 7px center no-repeat #000000; }
ul#menu_canvasgame li#icon_puntos               { background: url('../images/icon_puntos.png') 7px center no-repeat #000000; }

/*============================ Pagina Juego - Body ============================*/

/*============================ Pagina Juego - Foot ============================*/
div.page_game div#foot_page                     { width: 100%; height: 90px; border-top: 5px solid #FFFFFF; }
#list_checkwalldo                               { width: 520px; margin: 0px auto; padding: 0px; list-style: none; }
#list_checkwalldo li                            { height: 24px; margin: 10px 14px 0px;  line-height: 25px; float: left; }
#list_checkwalldo li#instrucciones              { font-size: 16px; color: #FFFFFF; }
#list_checkwalldo li img                        { float: left; }
#list_checkwalldo div.check                     { width: 19px; height: 19px; margin-right: 4px; background: url('../images/bg_chekwaldo.png') no-repeat; float: left; }
div.checked                                     { background-position: bottom center !important; }


/*============================ Contenido ============================*/
div#wrapper div.page_normal                     { width: 1316px; min-height: 880px; background: url('../images/bg_navegar.jpg') no-repeat; }
div#logo_claro                                  { width: 100px; height: 100px; background: url('../images/logo_claro.png'); position: absolute; top: 4px; right: 25px; z-index: 10000; }

div#content_pages                               { width: 710px; height: 356px; margin: 220px auto 0px; }

div#wrapper div.bg_canvasgame                   { padding: 4% 0px; }


/*============================ Pagina Normal - Body ============================*/
#menu_posciones                                 { width: 725px; height: 62px; background: url('../images/bg_menuliston.png') no-repeat; }
#menu_posciones ul                              { margin: 0px; padding: 0px 0px 0px 70px; list-style: none; }
#menu_posciones ul li                           { height: 47px; padding: 0px; float: left; font-size: 16px; color: #FFFFFF; line-height: 47px; text-align: center; }

.formRegistro                                   { width: 572px; margin: 0px auto; padding-left: 18px; }

#content_posiciones                             {  height: 270px; margin: 0px auto 22px; overflow-y: auto; overflow-x: hidden; }
#content_posiciones .table th,
#content_posiciones .table td                   { text-align: center; vertical-align: middle !important; }


/*============================ Registro ============================*/
form#registro div#tableForm                     { width: 440px; margin: 0px auto; }
div#tableForm div.rowForm                       { margin-bottom: 16px; }
div#tableForm div.rowForm div.cellForm          { width: 50%; float: left; }
div.rowForm div.cellForm label                  { display: block; margin-bottom: 5px; font-size: 17px; }
div.rowForm div.cellForm input.typeText         { width: 174px; height: 24px; padding: 1px 4px; border: 1px solid #D7D8D7; }
div.spacer_tableForm                            { height: 38px; }


/*============================ Canvas Game ============================*/
div#body_page img#image_game                    { margin-top: -13px; }
div#canvas_game div.classhover                  { position: absolute; z-index: 10000; }

div#levelgame1                                  { height: 100%; margin: 0px auto; position: relative; }
div#levelgame1 div.classhover                   { width: 1.8%; height: 9.95%; background: url('../images/bg_classhover.png'); position: absolute; z-index: 10000; }
div#levelgame1 img#image_game                   { width: 100%; height: 100%; }

div#levelgame2                                  { margin: 0px auto; position: relative; }
div#levelgame2 div.classhover                   { width: 0.90%; height: 8.94%; background: url('../images/bg_classhover.png'); position: absolute; z-index: 10000; }
div#levelgame2 img#image_game                   { width: 100%; width: 100%; }

div#levelgame3                                  { height: 100%; margin: 0px auto; position: relative; }
div#levelgame3 div.classhover                   { width: 0.934%; height: 4.28%; background: url('../images/bg_classhover.png'); position: absolute; z-index: 10000; }
div#levelgame3 img#image_game                   { width: 100%; height: 100%; }

div#levelgame4                                  { width: 100%; margin: 0px auto; position: relative; }
div#levelgame4 div.classhover                   { width: 0.61%; height: 4.28%; background: url('../images/bg_classhover.png'); position: absolute; z-index: 10000; }
div#levelgame4 img#image_game                   { width: 100%; height: 100%; }


/*============================ FancyBox ============================*/
div.fancyWaldo div.fancybox-outer               { background: url('../images/fancybox/bg_wrapper-fancy.png'); }
div.fancyWaldo div.fancybox-inner               { position: static; }
div.fancyWaldo div.padding_fancy                { padding: 10px 100px 10px 10px; }
div.fancybox-inner div#fancy_win                { height: 150px; font-size: 40px; color: #AB1A24; line-height: 160px; }
div.fancybox-inner div#fancy_msg                { height: 150px; font-size: 30px; color: #AB1A24; line-height: 160px; }

#text_registrate                                { padding-right: 10px; font-size: 20px; color: #AB1A24; }

div.fancybox-inner div#broche_nexlevel          { width: 142px; height: 172px; position: absolute; top: 144px; right: 0px; }
div.fancybox-inner div.broche_level1            { background: url('../images/fancybox/broche_nivel1.png'); }
div.fancybox-inner div.broche_level2            { background: url('../images/fancybox/broche_nivel2.png'); }
div.fancybox-inner div.broche_level3            { background: url('../images/fancybox/broche_nivel3.png'); }
div.fancybox-inner div.broche_level4            { background: url('../images/fancybox/broche_nivel4.png'); }


/*============================ Zommer ============================*/
div#canvas_ddpowerzommer                        { margin: 75px 0px 0px 90px; border-radius: 100px; border-width: 4px !important; }
div#canvas_ddpowerzommer div#mira_ddpzommer     { width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url('../images/mira_zomm.png'); position: absolute; top: 50%; left: 50%; }